시맨틱 HTML은 거의 은총알이다

은총알은 없다고들 하지만 시맨틱 HTML은 거의 은총알이다. HTML을 잘 만들면 접근성, SEO, 웹 데이터 분석, 사용성, E2E testing, CSS 작성 등의 문제가 동시에 쉬워진다.

• 의미적 요소를 잘 쓰고 필요에 따라 적절히 ARIA 속성을 넣어주면 기본적인 최소한의 접근성을 보장할 수 있다.
• 웹 크롤러는 랜드마크 요소(main, nav, header, footer 등) 등을 잘 이해하므로 마크업이 의미적으로 올바르면 검색 엔진도 더 잘 이해할 수 있다.
• 구글 애널리틱스를 위한 태깅을 수작업으로 할 필요가 거의 없어진다.
• 키보드를 이용한 내비게이션 등 사용성도 덩달아 높아진다.
• E2E 테스팅을 위한 스크립트(예: Playwright)를 작성하기가 쉬워지며, 명세서처럼 술술 읽히는 테스트를 작성할 수 있게 된다.
• 의미있는 CSS 선택자를 쓸 수 있게 된다. 가깝게는 유지보수에 도움이 되고 멀게는 좀 더 의도를 잘 담아내는 디자인을 할 수 있게 된다. (참고: 선언적 디자인과 디자인 런타임)